<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<title>工作--单位查询</title>
		<script src="./js/n1204_main.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="n1204_loginBox">
			<!--头部-->
			<div class="n1204_header n1204_bgColor1">
				<div class="n1204_headerBox">
					<a href="javascript:history.back(-1)" class="n1204_headerBox_icon"></a>
					<div class="n1204_headerBox_content">单位查询</div>
					<a href="javascript:void(0)" class="n1204_headerBox_iconr" id="shaixuan">筛选</a>
				</div>
			</div>
			
			<!-- 内容 -->
			<div class="n1204_indexContent n1204_indexContent2">
					<!-- 头部搜索 -->
					<div class="n1204_indexCx" >
						<div class="n1204_indexCxin">
							<div class="n1204_indexCxl"></div>
							<div class="n1204_indexCxr">
								<input type="text" class="n1204_indexCxr_input" placeholder="请输入企业名称或统一社会信用代码" name="" id="" value="" />
							</div>							
						</div>
					</div>
					<!-- 卡片列表 -->
					<div class="n1204_indexContentIn" >
						              
							<a href="index2_qiyetongxunlu.html" class="n1204_cardbox">
								<div class="n1204_cardboxin">
										<div class="n1204_cardl">
												企业名称:
										</div>
										<div class="n1204_cardr">
											2018年第8期《应急与通讯》
										</div>
								</div>
								<div class="n1204_cardboxin">
										<div class="n1204_cardl">
												统一社会信用代码:
										</div>
										<div class="n1204_cardr">
											待办任务
										</div>
								</div>
								<div class="n1204_cardboxin">
										<div class="n1204_cardl">
												成立日期:
										</div>
										<div class="n1204_cardr">
											2018-10-09 15:58:13
										</div>
								</div>
								<div class="n1204_cardboxin">
										<div class="n1204_cardl">
												注册地址:
										</div>
										<div class="n1204_cardr">
											2018-10-09 15:58:13
										</div>
								</div>
								<div class="n1204_cardboxin">
										<div class="n1204_cardl">
												企业通讯录:
										</div>
										<!-- n1204_jtIcon 箭头class -->
										<div class="n1204_cardr n1204_jtIcon">
											
										</div>
								</div>					
							</a>

							<a href="index2_qiyetongxunlu.html" class="n1204_cardbox">
									<div class="n1204_cardboxin">
											<div class="n1204_cardl">
													企业名称:
											</div>
											<div class="n1204_cardr">
												2018年第8期《应急与通讯》
											</div>
									</div>
									<div class="n1204_cardboxin">
											<div class="n1204_cardl">
													统一社会信用代码:
											</div>
											<div class="n1204_cardr">
												待办任务
											</div>
									</div>
									<div class="n1204_cardboxin">
											<div class="n1204_cardl">
													成立日期:
											</div>
											<div class="n1204_cardr">
												2018-10-09 15:58:13
											</div>
									</div>
									<div class="n1204_cardboxin">
											<div class="n1204_cardl">
													注册地址:
											</div>
											<div class="n1204_cardr">
												2018-10-09 15:58:13
											</div>
									</div>
									<div class="n1204_cardboxin">
											<div class="n1204_cardl">
													企业通讯录:
											</div>
											<!-- n1204_jtIcon 箭头class -->
											<div class="n1204_cardr n1204_jtIcon">
												
											</div>
									</div>					
								</a>	



					</div>
					

			</div>
		</div>

		<!-- 弹窗内容 -->
		<div id="n1204_sxBoxHtml" style="display:none;">
			<!-- 筛选盒子 -->
			<div class="n1204_sxBox">
				<div class="n1204_sxBoxin">
					<!-- 每行删选条件 -->
					<div class="n1204_sxBoxinRow">
						<div class="n1204_sxBoxinRowin">
								<div class="n1204_sxBoxTitle n1204_jtIcon2">
										产品类别名称
								</div>
								<div class="n1204_sxBoxContent">
									<div class="n1204_sxBoxContentLi n1204_xz">
											电子电器
									</div>
									<div class="n1204_sxBoxContentLi">
											电工及材料
									</div>
									<div class="n1204_sxBoxContentLi">
											化工产品
									</div>
								</div>
								<div class="n1204_sxBoxContent">
									<div class="n1204_sxBoxContentLi n1204_line44">
											珠宝玉石及贵金属
									</div>
									<div class="n1204_sxBoxContentLi n1204_line44">
											建筑和装饰装修材料
									</div>
									<div class="n1204_sxBoxContentLi">
											环保检测
									</div>
								</div>
						</div>
					</div>

					<!-- 每行删选条件 -->
					<div class="n1204_sxBoxinRow">
							<div class="n1204_sxBoxinRowin">
									<div class="n1204_sxBoxTitle">
											测试周期
									</div>
									<div class="n1204_sxBoxContent">
										<div class="n1204_sxBoxContentLi n1204_xz">
												1-3
										</div>
										<div class="n1204_sxBoxContentLi">
												4-7
										</div>
										<div class="n1204_sxBoxContentLi">
												7天以上
										</div>
									</div>
							</div>
						</div>

					<!-- 每行删选条件 -->
					<div class="n1204_sxBoxinRow">
						<div class="n1204_sxBoxinRowin">
								<div class="n1204_sxBoxTitle n1204_jtIcon2">
										价格范围
								</div>
								<div class="n1204_sxBoxContent">
									<div class="n1204_sxBoxContentLi n1204_xz">
											询价
									</div>
									<div class="n1204_sxBoxContentLi">
											0-100
									</div>
									<div class="n1204_sxBoxContentLi">
											100-200
									</div>
								</div>
								<div class="n1204_sxBoxContent">
									<div class="n1204_sxBoxContentLi">
											200-400
									</div>
									<div class="n1204_sxBoxContentLi">
											400-600
									</div>
									<div class="n1204_sxBoxContentLi">
											600-800
									</div>
								</div>
						</div>
					</div>

					<!-- 每行删选条件 -->
					<div class="n1204_sxBoxinRow">
						<div class="n1204_sxBoxinRowin">
								<div class="n1204_sxBoxTitle">
										资质
								</div>
								<div class="n1204_sxBoxContent">
									<div class="n1204_sxBoxContentLi n1204_xz">
											<img class="n1204_sxBoxContentLi_img" src="./images/n1204_img28.png" alt="">
									</div>
									<div class="n1204_sxBoxContentLi">
											<img class="n1204_sxBoxContentLi_img" src="./images/n1204_img29.png" alt="">
									</div>
									<div class="n1204_sxBoxContentLi">
											<img class="n1204_sxBoxContentLi_img" style="width:40%;" src="./images/n1204_img30.png" alt="">
									</div>
								</div>
						</div>
					</div>

					<!-- 每行删选条件 -->
					<div class="n1204_sxBoxinRow">
							<div class="n1204_sxBoxinRowin">
									<div class="n1204_sxBoxTitle">
											机构性质
									</div>
									<div class="n1204_sxBoxContent">
										<div class="n1204_sxBoxContentLi n1204_xz">
												国检中心
										</div>
										<div class="n1204_sxBoxContentLi">
												事业单位
										</div>
										<div class="n1204_sxBoxContentLi">
												研究院所
										</div>
									</div>
									<div class="n1204_sxBoxContent">
										<div class="n1204_sxBoxContentLi">
												外资企业
										</div>
										<div class="n1204_sxBoxContentLi">
												企业单位
										</div>
										<div class="n1204_flex" >
												
										</div>
									</div>
							</div>
						</div>

					
				</div>
				<div class="n1204_sxBoxinFoot">
					<a href="javascript:void(0)" class="n1204_sxBtn">重置</a>
					<a href="javascript:void(0)" class="n1204_sxBtn n1204_sxBtn2">完成</a>
				</div>
			</div>
		</div>


		<script>
			window.onload=function(){
				// 绑定筛选事件  shaixuan
				$("#shaixuan").on('click',function(){
					
					layer.open({
						type: 1
						,content: $("#n1204_sxBoxHtml").html()
						,anim: 'up'
						,style: 'position:fixed; bottom:0; right:0; width:5.85rem; height: 100%; border:none;',
						success: function(elem){
							var height =$('body').height();
							$(".n1204_sxBox").css({height:height+'px'});
						}   
					});

				});

				// 绑定每行筛选条件事件  复选
				$("body").on('click','.n1204_sxBoxContentLi',function(){
						var t =$(this);
						// var tAll=t.parents('.n1204_sxBoxinRow').find('.n1204_sxBoxContentLi');
						// tAll.removeClass('n1204_xz');
						// t.addClass('n1204_xz');
						if(t.hasClass('n1204_xz')){
							t.removeClass('n1204_xz');
						}else{
							t.addClass('n1204_xz');
						}
				});

				// 绑定展开收缩事件
				$("body").on('click','.n1204_jtIcon2',function(){
						var t =$(this);
						var tAll=t.parents('.n1204_sxBoxinRow').find('.n1204_sxBoxContent');
						var tn =tAll.eq(0);
						if(tn.is(":hidden")){
							tAll.show();
						}else{
							tAll.hide();
						}
				});

				

				
			}
		
		
		
		</script>

	</body>
</html>
